@import "@/styles/variables.module.scss";

[data-theme=dark] .user-msg{
    color: #fff;
}

[data-theme=dark] .app-breadcrumb.el-breadcrumb{
    background-color: $layoutHeaderBg_dark;
    color: #A6AAAE;
    border-bottom: 1px solid #2C3235;
    .no-redirect {
        color: $menuText_dark;
        cursor: text;
    }
    .el-breadcrumb__inner a {
        color: rgb(255 255 255 / 45%)
    }
}
[data-theme=dark] .pageMain{
    .form{
        border-bottom: 1px solid #2C3235;
    }
    .titleBtn {
        .form {
            border-bottom: none!important;
        }
    }
}
[data-theme=dark] .el-tabs--border-card{
    background: var(--user-color-block);
}
[data-theme=dark] .el-tabs--border-card>.el-tabs__header{
    background-color: var(--user-color-block2);
}
[data-theme=dark] .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
    background-color: #17171a;
}
[data-theme=dark] .el-tabs__item.is-active {
    color: #277AF5;
}
[data-theme=dark] .el-tabs__item {
    color: $menuText_dark;
    &:hover {
        color: #277AF5;
    }
}
[data-theme=dark] .el-tabs__nav-wrap::after {
    background-color: #2C3235;
}
[data-theme=dark] .pageTitle {
    color: $menuText_dark;
}
[data-theme=dark] .fuheForm {
    border-bottom: 1px solid #2C3235!important;
}
[data-theme=dark] .over_view {
    background: #17171A;
}
[data-theme=dark] .home_page {
    color: #fff!important;
}
[data-theme=dark] .elpopver88 {
    background-color: $pageMainBg_dark;
}
[data-theme=dark] .iconfontText{color:#fff!important;}
[data-theme=dark] .msgList{
    .el-col{
        >div {
            width: 100%;

            div {
                color: $menuText_dark;
            }
        }
    }
}
// 表格
.el-table{
    // --el-table-border-color: var(--el-border-color-lighter);
    // --el-table-border: 1px solid var(--el-table-border-color);
    // --el-table-text-color: var(--user-table-text-color);
    // --el-table-header-text-color: var(--el-text-color-secondary);
    // --el-table-row-hover-bg-color: var(--el-bg-color);
    // --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--user-table-header-bg-color);
    // --el-table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    // --el-table-bg-color: var(--el-color-white);
    --el-table-tr-bg-color: var(--user-table-tr-bg-color);
    // --el-table-expanded-cell-bg-color: var(--el-color-white);
}
// 表格 左右悬浮
.el-table__body-wrapper tr td.el-table-fixed-column--left{
    background:var(--user-table-tr-bg-color)
}
.el-table__body-wrapper tr td.el-table-fixed-column--right{
    background:var(--user-table-tr-bg-color)
}
/* table 暂无数据 */
[data-theme=dark] .el-table__body-wrapper {
    background-color: #0B0C0E;
}



/* 滑条 */
[data-theme=dark] ::-webkit-scrollbar-thumb:hover, [data-theme=dark] ::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #283950;
}
[data-theme=dark] ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb:vertical {
    background-color: #393939;
}
[data-theme=dark] ::-webkit-scrollbar-corner, [data-theme=dark] ::-webkit-scrollbar-corner:vertical {
    background-color: #283950;
}
[data-theme=dark] ::-webkit-scrollbar-track-piece {
    background-color: #212126;
}
[data-theme=dark] .el-table--fluid-height .el-table__fixed, [data-theme=dark] .el-table--fluid-height .el-table__fixed-right {
    bottom: -1px !important;
    box-shadow: 0px 0px 3px #3c3c3c;
}

/* el-collapse */
.el-collapse{
    --el-collapse-border-color:var(--user-color-line);
    --el-collapse-header-bg-color:var(--user-collapse-header-bg-color);
    --el-collapse-content-bg-color:var(--user-collapse-content-bg-color);
    --el-collapse-header-text-color:var(--user-collapse-header-text-color);
    .el-collapse-item__header{
      padding-left: 20px;
        border-bottom:1px solid var(--user-color-line);
        font-size: 14px;
    }
  
    .el-collapse-item__content{padding-bottom: 0;}
  }

/* el-select */
[data-theme=dark] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
    background-color: var(--el-bg-color);
}


/* el-cascader */
[data-theme=dark] .el-cascader__dropdown{
    --el-cascader-menu-fill: var(--el-color-black);
}
[data-theme=dark] .el-cascader__search-input{
    opacity: 0;
}


/* el-pagination */
[data-theme=dark] .el-pagination{
    --el-pagination-bg-color:var(--el-bg-color);
    --el-pagination-button-disabled-bg-color:var(--el-bg-color);
    --el-pagination-text-color:var(--el-text-color-secondary);
    --el-pagination-button-color:var(--el-pagination-text-color);
    .el-pagination__total{
        color:var(--el-text-color-secondary);
    }
}


/* dialog */
[data-theme=dark] .el-dialog {
    background: #17171A;
    .el-dialog__title {
        color: $menuText_dark;
    }
    .el-dialog__header {
        border-bottom: 1px solid #3c3c3c;
    }
}
[data-theme=dark] .el-dialog__footer {
    border-top: 1px solid #3c3c3c;
}

/* input禁用状态 */
[data-theme=dark] .el-input{
    --el-input-bg-color:#0B0C0E
}

[data-theme=dark] .el-input-number__decrease,[data-theme=dark] .el-input-number__increase {
    background: #171717;
}
[data-theme=dark] .el-textarea {
    --el-input-bg-color:#0B0C0E
}
[data-theme=dark] .input-with-select .el-input-group__prepend {
    background-color: #17171A!important;
}
[data-theme=dark] .el-input-group__append, .el-input-group__prepend{
    border-color: transparent;
}
[data-theme=dark] .el-input-group__prepend div.el-select .el-input__inner{
    color: #A6AAAE;
}
/* el-dropdown */
[data-theme=dark] .el-dropdown-menu {
    background-color: #212126;
}
[data-theme=dark] .el-dropdown-menu__item:focus, [data-theme=dark] .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #3c3c3c;
}


[data-theme=dark] .projectBasics{
    color: #fafafa;
}

[data-theme=dark] .el-checkbox__inner {
    background-color: #edf2fc;
}

[data-theme=dark] .el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #bababa;
}
[data-theme=dark] .selectDataSource .img img {
    border: 2px solid #3c3c3c!important;
}

/* login页面 登录表单 */
[data-theme=dark] .loginMain .login-container {
    background-color: #17171A;
    .title {
        color: #fff;
    }
}
/* el-message-box */
[data-theme=dark] .el-message-box {
    background-color: #17171a;
    .el-message-box__title {
        color: #fff;
    }
    .el-message-box__content {
        color: #fafafa;
    }
}

[data-theme=dark] .selectDataSource{
    color: #fafafa;
    .img img{
        background-color: #fff;
    }
}
/* el-tree */
[data-theme=dark] .el-tree {
    background: #17171a;
    .el-tree-node__content:hover {
        background-color: #3c3c3c;
    }
    .el-tree-node:focus>.el-tree-node__content {
        background-color: #3c3c3c;
    }
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
    background:#3c3c3c;
}



// 数据资产


// 导航
[data-theme=dark] .header{
    border-bottom-color: #2C3235;
}
[data-theme=dark] .el-menu--horizontal{
    border: none;
  }
  
  // 首页
[data-theme=dark] .overview{
    background-color: #09090B;
    color: #fff;
    >div{
      &:nth-child(1){
        >div:nth-child(1){
          .name{
            color: #fff;
          }
          .number{
            color: #fff;
          }
        }
      }
    }
  }
  
  [data-theme=dark] .swiper-pagination-bullet{
    background-color: #ADAEAF;
    opacity: 1;
  }
  [data-theme=dark] .swiper-pagination-bullet-active{
    background: #007aff;
  }


//   element-ui
// radio
[data-theme=dark] .el-radio-button__inner{
    border-color: #2C3235;
}
[data-theme=dark] .el-radio-button:first-child .el-radio-button__inner{
    border-left-color: #2C3238;
}

// picker

//tooltip
[data-theme=dark] .el-popper.is-dark{
    background: #303133;
    border: 1px solid #303133;

}
[data-theme=dark] .el-popper.is-dark .el-popper__arrow::before{
    border:1px solid #303133;
    background-color: #303133;
    
}
[data-theme=dark] .el-dropdown__popper.el-popper[role=tooltip]{
    background-color: var(--el-border-color-light);
    .el-popper__arrow::before{
        border-color:var(--el-border-color-light);
    }
}
[data-theme=dark] .el-popper.is-light{
    background-color:#17171A;
}
[data-theme=dark] .el-popper.is-light .el-popper__arrow::before{
    background-color:#17171A;
}
[data-theme=dark] .el-picker-panel{
    background-color: #17171A;
}
[data-theme=dark] .el-picker__popper.el-popper[role=tooltip]{
    background-color: #17171A;
}
[data-theme=dark] .el-select__popper.el-popper[role=tooltip]{
    background-color: #17171A;
}

[data-theme=dark] .el-date-range-picker,.el-date-table td.in-range .el-date-table-cell:hover{
    --el-datepicker-inrange-bg-color:#666;
    --el-datepicker-inrange-hover-bg-color:#666;
}
[data-theme=dark] .el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar{
    background-color: var(--user-color-block);
}
[data-theme=dark] .el-picker-panel__footer{
    background-color: var(--user-color-block);
}
[data-theme=dark] .el-date-editor .el-range-input{
    background-color: transparent;
}

// 按钮
// 默认按钮
[data-theme=dark] .el-button--default{
    --el-button-bg-color: #0b0c0e;
    --el-button-border-color: #2c3235;
    // --el-button-hover-bg-color: var(--el-color-primary-light-2) !important;
    // --el-button-hover-border-color: var(--el-color-primary-light-2) !important;
    // --el-button-active-text-color: var(--el-color-white) !important;
    // --el-button-active-bg-color: var(--el-color-primary-dark) !important;
    // --el-button-active-border-color: var(--el-color-primary-dark) !important;
    // --el-button-hover-text-color: var(--el-color-white)
}

[data-theme=dark] .el-drawer{
    --el-drawer-bg-color:var(--user-color-block);
}